<template>
	<view class="flex-between">
		<view class="flex-col flex-center flex-1">
			<text class="statistics_title text-48 mb-5 font-600">{{ infoData?.id ? (learnInfo?.one || 0) : 0 }}</text>
			<text class="statistics_tip text-26">累计课次</text>
		</view>
		
		<view class="flex-col flex-center flex-1">
			<text class="statistics_title text-48 mb-5 font-600">{{ infoData?.id ? (learnInfo?.two) || 0 : 0 }}</text>
			<text class="statistics_tip text-26">教练时长</text>
		</view>
		
		<view class="flex-col flex-center flex-1">
			<text class="statistics_title text-48 mb-5 font-600">{{ infoData?.id ? (learnInfo?.three || 0) : 0 }}</text>
			<text class="statistics_tip text-26">自主练习</text>
		</view>
	</view>
</template>

<script setup>
	import { computed } from 'vue'
	let { user } = uni.$store()
	let infoData = computed(() => {
		return user.userInfo
	})
	defineProps({
		learnInfo: {
			type: Object,
			default: () => ({})
		}
	})
	
</script>

<style scoped lang="scss">
	.statistics_title{color: #3A3F5E}
	.statistics_tip{color: #626780}
</style>